﻿@namespace MudBlazor.Docs.Examples

<MudGrid>
    <MudItem xs="12" md="8" Class="my-auto">
    <MudTreeView Color="Color" T="string" Hover="true" @bind-SelectedValue="SelectedValue">
        <MudTreeViewItem Value='"All Mail"' Icon="@Icons.Filled.Email" />
        <MudTreeViewItem Value='"Drafts"' Icon="@Icons.Filled.Drafts" />
        <MudTreeViewItem Value='"Orders"' Icon="@Icons.Filled.Label" />
        <MudTreeViewItem Value='"Categories"' Icon="@Icons.Filled.Label">
            <MudTreeViewItem Value='"Social"' Icon="@Icons.Filled.Group" />
            <MudTreeViewItem Value='"Updates"' Icon="@Icons.Filled.Info" />
            <MudTreeViewItem Value='"Forums"' Icon="@Icons.Filled.QuestionAnswer" />
            <MudTreeViewItem Value='"Spam"' Icon="@Icons.Filled.LocalOffer" />
        </MudTreeViewItem>
        <MudTreeViewItem Value='"Trash"' Icon="@Icons.Filled.Delete" />
    </MudTreeView>
    </MudItem>
    <MudItem xs="12" md="4">
        <MudSelect Label="Color" OffsetY="true" Dense="true" Margin="Margin.Dense" @bind-Value="Color">
            <MudSelectItem T="Color" Value="Color.Primary">Primary</MudSelectItem>
            <MudSelectItem T="Color" Value="Color.Secondary">Secondary</MudSelectItem>
            <MudSelectItem T="Color" Value="Color.Tertiary">Tertiary</MudSelectItem>
            <MudSelectItem T="Color" Value="Color.Info">Info</MudSelectItem>
            <MudSelectItem T="Color" Value="Color.Success">Success</MudSelectItem>
            <MudSelectItem T="Color" Value="Color.Warning">Warning</MudSelectItem>
            <MudSelectItem T="Color" Value="Color.Error">Error</MudSelectItem>
            <MudSelectItem T="Color" Value="Color.Dark">Dark</MudSelectItem>
        </MudSelect>
    </MudItem>
</MudGrid>

@code{ 
    public Color Color { get; set; } = Color.Error;
    string SelectedValue { get; set; }
}

